<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="<?=$this->baseUrl?>/public/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="<?=$this->baseUrl?>/public/css/icons.css"> 
<script type="text/javascript" src="<?=$this->baseUrl?>/public/js/ext-base.js"></script>
<script type="text/javascript" src="<?=$this->baseUrl?>/public/js/ext-all.js"></script>
<script type="text/javascript" src="<?=$this->baseUrl?>/public/js/Portal.js"></script>
<script type="text/javascript" src="<?=$this->baseUrl?>/public/js/PortalColumn.js"></script>
<script type="text/javascript" src="<?=$this->baseUrl?>/public/js/Portlet.js"></script>
<script type="text/javascript" src="<?=$this->baseUrl?>/public/js/sample-grid.js"></script>
<script type="text/javascript" src="<?=$this->baseUrl?>/public/js/examples.js"></script>
<link rel="stylesheet" type="text/css" href="<?=$this->baseUrl?>/public/css/portal.css" />
<link rel="stylesheet" type="text/css" href="<?=$this->baseUrl?>/public/css/sample.css" />
<title>无标题文档</title>
</head>
<script type='text/javascript'>
Ext.BLANK_IMAGE_URL = '<?=$this->baseUrl?>/public/images/default/s.gif';
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());	
Ext.QuickTips.init();
Ext.onReady(function(){
    var tools = [{
        id:'gear',
        handler: function(){
            Ext.Msg.alert('Message', 'The Settings tool was clicked.');
        }
    },{
        id:'close',
        handler: function(e, target, panel){
            panel.ownerCt.remove(panel, true);
        }
    }];


var win = new Ext.Window({        
		layout:'fit',
		labelAlign:'top',
		renderTo:'welcome',
		border:false,
		x:0,
		y:0,
		resizable:true,   
		width:1000,
		height:500,
		autoScroll:true,
		maximizable:true,
		closable:false,
		margins:'10 0 0 0',
        items:[{
            xtype:'portal',
            region:'center',
			layout:'column',			
            margins:'0 5 5 0',
            items:[{
                columnWidth:.30,
                style:'padding:10px 0 10px 10px',
                items:[{
                    title: 'Grid in a Portlet',
                    layout:'fit',
                    tools: tools,
                    items: new SampleGrid([0, 2])
                },{
                    title: 'Another Panel 1',
                    tools: tools,
                    html: Ext.example.shortBogusMarkup
                }]
            },{
                columnWidth:.33,
                style:'padding:10px 0 10px 10px',
                items:[{
                    title: 'Panel 2',
                    tools: tools,
                    html: Ext.example.shortBogusMarkup
                },{
                    title: 'Another Panel 2',
                    tools: tools,
                    html: Ext.example.shortBogusMarkup
                }]
            },{
                columnWidth:.33,
                style:'padding:10px',
                items:[{
                    title: 'Panel 3',
                    tools: tools,
                    html: Ext.example.shortBogusMarkup
                },{
                    title: 'Another Panel 3',
                    tools: tools,
                    html: Ext.example.shortBogusMarkup
                }]
            }]
            
            /*
             * Uncomment this block to test handling of the drop event. You could use this
             * to save portlet position state for example. The event arg e is the custom 
             * event defined in Ext.ux.Portal.DropZone.
             */
//            ,listeners: {
//                'drop': function(e){
//                    Ext.Msg.alert('Portlet Dropped', e.panel.title + '<br />Column: ' + 
//                        e.columnIndex + '<br />Position: ' + e.position);
//                }
//            }
        }]
    });
	win.show();
	win.maximize(); 
	//alert(Ext.get('welcome').);
});
</script>
<body>
<div id='welcome' style='height:100%;width:100%'></div>
</body>
</html>